<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Search Flights</title>
<link rel="stylesheet" href="./css/airline.css">
<link rel="stylesheet"
	href="./css/font-awesome-4.7.0/css/font-awesome.min.css">
<!-- <script src="./js/jquery-3.4.1/jquery-3.4.1.min.js"></script> -->
<!-- <script src="./js/sunshine.js"></script> -->
</head>
<body>
	<div class="top">
		<div class="logo">
			<img class="logoimg" src="./image/logo/logo1.png" alt="">
		</div>
		<div class="status">Office User Menu</div>
	</div>
	<div class="menulist">
		<div class="list_sf" style="color: #F79420;">Search Flights</div>
		<a href="./FlightStatus.html"><div class="list_sf">Flight
				Status</div></a>
		<div class="list_out">Logout</div>
	</div>

	<div class="midmenu">
		<div class="">
			<div class="searchlist">
				<div class="way">
					<P>
						<input name="way" type="radio" checked="checked" />One Way
					</P>
					<P>
						<input name="way" type="radio" />Round Ways
					</P>
				</div>
				<div class="city">
					<p style="line-height: 30px;">From City:</p>
					<select>
						<option value="volvo">Beijing</option>
					</select>
				</div>
				<div class="city">
					<p style="line-height: 30px;">To City:</p>
					<select>
						<option value="volvo">Rome</option>
					</select>
				</div>
				<div class="date">
					<p style="line-height: 30px;">Departure Date：</p>
					<input style="width: 120px;" type="date" value="2015-08-25" />
				</div>
				<div class="date">
					<p style="line-height: 30px;">Return Date：</p>
					<input style="width: 120px;" type="date" value="2015-08-25" />
				</div>
				<div class="type">
					<p style="line-height: 30px;">Cabin Type：</p>
					<select>
						<option value="volvo">Economy</option>
					</select>
				</div>
				<div class="type">
					<p style="line-height: 30px;">Flight Type：</p>
					<select>
						<option value="volvo">All</option>
					</select>
				</div>
				<div class="subsearch">
					<input type="button" name="" id="show" value="Search" />
				</div>
			</div>
		</div>


		<div class="df">
			<div class="dftext">Departure Flights：</div>

			<div class="midmsg">
				<div class="dfmsg">
					<div class="dfselect">
						<input name="Flight" type="radio" />Select
					</div>

					<div class="dfprice">
						<p>$105.40</p>
						<p>Economy</p>
						<p>Flight 101(95%)</p>
					</div>

					<div class="dfmiddle">
						<div class="dfplace">
							<div class="dfcity">Beijing/PEK</div>
							<div class="dfdate">2018-06-25 08:05</div>
						</div>
						<div class="dfplace">
							<div class="dfcity">Rome/CIA</div>
							<div class="dfdate">2018-06-25 18:05</div>
						</div>
					</div>

					<div class="dfticket">
						<p>Non-stop</p>
						<p>Total time:10h 0m</p>
						<p style="color: red;">3 available tickets</p>
					</div>
				</div>

				<div class="dfmsg2">
					<div class="dfselect2">
						<input name="Flight" type="radio" />Select
					</div>

					<div class="dfprice2">
						<p>$100.04</p>
						<p>Economy</p>
						<p>Flight 102(90%)</p>
						<p>Flight 104(92%)</p>

					</div>

					<div class="dfmiddle2">
						<div class="dfplace2">
							<div class="placeline">
								<div class="dfcity">Beijing/PEK</div>
								<div class="dfdate">2018-06-25 21:05</div>
							</div>
							<div class="placeline">
								<div class="dfcity">Hong Kong/HKG</div>
								<div class="dfdate">2018-06-25 23:05</div>
							</div>
						</div>
						<div class="dfplace2">
							<p style="line-height: 60px;">2h30m transfer in Hong Kong/HKG</p>
						</div>
						<div class="dfplace2">
							<div class="placeline">
								<div class="dfcity">Hong Kong/HKG</div>
								<div class="dfdate">2018-06-26 01:35</div>
							</div>
							<div class="placeline">
								<div class="dfcity">Rome/CIA</div>
								<div class="dfdate">2018-06-26 11:35</div>
							</div>
						</div>
					</div>

					<div class="dfticket2">
						<p>1-stop</p>
						<p>Total time:16h 50m</p>
						<p style="font-weight: bold;">18 available tickets</p>

					</div>
				</div>
			</div>
			<div class="dfconfirm">
				<button type="button">Confirm</button>
			</div>
		</div>
	</div>

</body>
</html>